<template>
	<view class="topbar-login">
		<topbar>
			<template v-slot:left>
				<view class="top-left">
					<image src="../../../static/images/home_active.png" mode="widthFix"></image>
				</view>
			</template>
			<template v-slot:middle>
				<view class="top-middle">Luckin Coffee</view>
			</template>
			<template v-slot:right>
				<view class="top-right" @click="inHome">先逛一逛</view>
			</template>
		</topbar>
	</view>
</template>

<script>
	import Topbar from "../../../components/common/topBar/Topbar.vue"
	
	export default{
		components:{
			Topbar
		},
		methods:{
			inHome(){
				uni.switchTab({
					url:"../home/Home",
				})
			}
		}
	}
</script>

<style scoped>
	.top-left{
		width: 100%;
		height: 100%;
	}
	.top-left>image{
		width: 70%;
		height: 90rpx;
	}
	.top-middle{
		font-size: 30rpx;
		font-weight: bold;
		color: #626566;
		float: left;
	}
	.top-right{
		font-size: 30rpx;
		color: #0C34BA;
	}
</style>
